<template>
    <div class="container">
        <NavHeader :isDisSearch="false" />
        <!-- 内容区域 -->
        <div class="cart-box">
            <div class="left-card">
                <el-card style="border-radius: 20px">
                    <div class="left-card-item">
                        <p class="router-link">
                            <router-link activeClass="activity" to="/shop_store/shop_list">
                                我的店铺
                            </router-link>
                        </p>
                        <p class="router-link">
                            <router-link activeClass="activity" to="/shop_store/publish_service">
                                我的服务
                            </router-link>
                        </p>
                    </div>
                </el-card>
            </div>
            <div class="right-card">
                <el-card style="border-radius: 20px">
                    <router-view></router-view>
                </el-card>
            </div>
        </div>
    </div>
</template>

<script setup>
import { getOrderByUserId } from '@/api/home'
import { reactive } from 'vue'
import { useUserInfo } from '../../store/index'
import { finished, deleteOrder } from '../../api/service'
const { userInfo } = useUserInfo()
import { ElMessageBox, ElMessage } from 'element-plus'
</script>

<style lang="scss" scoped>
.container {
    width: 100%;
    .cart-box {
        padding: 30px 40px;
        width: 1280px;
        display: flex;
        margin: 0 auto;
        .left-card {
            margin-right: 50px;
            height: 400px;
            width: 300px;
            .left-card-item {
                display: flex;
                flex-direction: column;
                .router-link {
                    width: 100%;
                    text-align: center;
                    line-height: 50px;
                    font-size: 18px;
                }
            }
        }

        .right-card {
            width: 800px;
            height: 800px;
            overflow: auto;
        }
        .activity {
            color: blue;
        }
    }
}
</style>
